<template>
  <div id="index">
    <el-container class="el-container" direction="vertical">
<!--      <el-header class="header">-->
        <mainHead></mainHead>
<!--      </el-header>-->
<!--      <el-main class="main">-->
        <mainBody></mainBody>
<!--      </el-main>-->
    </el-container>
  </div>
</template>

<script>
import mainHead from './MainHeader.vue'
import mainBody from './mainBody.vue'
export default {
  components: {
    mainHead,
    mainBody
  }
}
</script>

<style>
#index {
  height:100%;
  width:100%;
}
.el-container {
  height: 100%;
}
.header {
  padding: 0;
  height: 12%;
  background: #272e38
}
.main {
  padding: 0;
  background: #ffffff
}

</style>
